<!DOCTYPE html>
<html>
    <head>
        <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    </head>
    <body>
        <div id="Application">
            <h1>Hello Vue 3!</h1>
        </div>
        <script>
            const app = Vue.createApp({
                data(){

                },
                methods:{
                },
                template:`
                    <div>
                        <component1 v-bind:msg="1"/>
                    </div>
                `
            });
            const component1={
                props:{
                    msg:Number
                },
                methods:{
                    click(){
                        this.msg++
                    }
                },
                template: `<div><h1 style="color: blue;">{{ msg }}</h1></div>
                <button @click="click">Click me</button>`
            };
            app.component('component1', component1);
            app.mount("#Application");
        </script>
    </body>
</html>